<template>
  <div
    id="myChart"
    style="width: 100%;height:100%;min-height: 200px;min-width: 300px;"
  />
</template>

<script>
    export default{
        props:[
            'option',
        ],
        data: function(){
            return{
                // data:{}
            }
        },mounted(){
            // console.log(this.option)
            this.setOption()
        },computed:{
            data(){
                    return this.option;
                
            }
        },watch:{
            data(option){
                // this.option=option;
                this.setOption()
            }
        },methods:{
              setOption(){
                  var myChart = this.$echarts.init(document.getElementById('myChart'));
                  myChart.setOption(this.data)
              }  
        }
    }
</script>
<style>
</style>
